@import "../../../../styles/personStyle/common";
.goods-type-edit{
  padding: 15px 20px;
  .imgUp{
    display: block;
    width: 220px;
    height: 220px;
    border-radius: 4px;
    margin: 6px auto;
    box-shadow:@person-shadow
  }
  &-left{
    height: 225px;
    overflow: hidden;
  }
  &-right{
    height: 225px;
    overflow: hidden;
  }
  .upImg{
    padding: 40px 0;
    height: 150px;
    p{
      font-size: 20px;
      color: rgba(0,0,0,0.4);
    }
  }
  //.cropper{
  //  box-sizing: border-box;
  //  border: 1px solid rgba(0,0,0,0.1);
  //  border-radius: 5px;
  //  width: 100%;
  //  height: 360px;
  //  overflow: hidden;
  //  img{
  //    max-height: 100%;
  //  }
  //  i{
  //    margin-top: 100px;
  //  }
  //  p{
  //    font-size: 20px;
  //    color: rgba(0,0,0,0.4);
  //    margin-top: 15px;
  //  }
  //  p,i{
  //    display: block;
  //    text-align: center;
  //  }
  //}
  .preview-con{
    width: 100% !important;
    height: 360px !important;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    background: #f8f8f8;
    #preview{
      width: 100%;
      height: 100%;
      overflow: hidden;
      i{
        margin-top: 120px;
      }
      p{
        font-size: 20px;
        color: rgba(0,0,0,0.4);
        margin-top: 15px;
      }
      p,i{
        display: block;
        text-align: center;
      }
    }
  }
  .magi{margin-bottom: 20px;}
  .formCon{
    padding: 15px 25%;
  }
}